﻿body {
    width:100%;
    height:1000px;
   
    border:1px solid black;
}
/*-----------------------------------------header------------------------------------------*/
/* header top */
#header
{
    width:100%;
    height:98px;
    background-color:red;
    
}
.header_top
{
    height:25px;
    background-color:#324551;
    color:black;
    
}
.header_top1
{
    width:1200px;
    height:25px;
   
    color:black;
    margin:0 auto;
    
   
    
    
    
}
.header_top2
{
    width:1200px;
    height:25px;
    
    color:black;
    margin:0 auto;
    text-align:right;
    
    
    
    
}
.iconl
{
        background: url(/Content/images/icon.png) no-repeat 0 0;
        vertical-align: text-top;
        display: inline-block;
            margin-right: -50px;
}
.icon-language-vi {
    width: 19px;
    height: 19px;
    background-position: 0 -5160px;
}
.header_top2 span
{
    font-size:11px;
    color:white;
    margin-left:50px;
    line-height:25px;

}
.header_top2 a
{
    width:197px;
    height:16px;
    
}

/* header top end */

/*header bottom*/

.header_bottom
{
    width:100%;
    height:73px;
    background-color:#183546;
}
.header_bottom1
{
    padding: 8px 0;
    margin:0 auto;
    width:1200px;
    height:73px;
    background-color:#183546;
}
.header__logo__img
{
    float:left;
}
.header__search input {
    position: relative;
    left: 11px;
    top: 3px;
    padding: 8px;
    margin: 0;
    height: 31px;
    width: 556px;
    outline: 0;
    border: none;
    background-color: transparent;
    font-size: 1.2em;
}

.header__search #search
{
    margin-left:100px;
    float:left;
    height:39px;
    width: 650px;
    background-color:white;
}
header__search__wrapper
{
    float:left;
        position: relative;
    margin: 0 246px 0 225px;
    width:730px;
    height:40px;
}
.header__newsletter__link
{
    float:right;
    border:2px solid white;
}
.header__search #search input
{
    background-color:white;
    float:left;
}
.header__search #search .header__search__submit
{
    border-left:2px solid #183546;
    background-color:#f37540;
    color:white;
    float:right;
    padding-bottom:11px;
    padding-right:10px;
    padding-top:10px;
   padding-left:8px;
    display:inline-block;
    text-align:center;
    margin-left:11px;
}
.header__search #search .header__search__submit:hover
{
    background-color:#DC652B;
}
.header__cart .icon-cart-white {
    width: 24px;
    height: 20px;
    background-position: 0 -1153px;
}
.header__cart {
        margin-right: 75px;
    position: relative;
    float: right;
    width: 51px;
    height: 39px;
    padding: 8px 35px 10px 11px;
    background: #476167;
  border: 2px solid #476167;
}
.header__cart:hover
{
       position: relative;
    float: right;
    width: 51px;
    height: 39px;
    
    background: #f37232;
    border: 2px solid #fff;
  
}
/*header bottom end*/

/*header brands*/

.header__brands {
    
    margin-top:45px;
    color: #93a2b2;
    height: 14px;
        font-family: inherit;
}
.header__brands__list {

    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    margin: .4em 200px 0 227px;
    font-size: 11px;
    width: 635px;
    height: 14px;
    line-height: 14px;
    overflow: hidden;

}
.header__brands__list li {
    float: left;

}
.header__brands__item {
    margin-right: 2em;

}
.header__brands__list li a{
    color:white;

}

/*header brands end*/
/*-----------------------------------------header end------------------------------------------*/

/*-----------------------------------------main------------------------------------------------*/
#main
{
    width:1200px;
    height:auto;
    margin:0 auto; 
}
#maincontent
{
    width:1200px;
    height:571px;
    background-color:aliceblue;
    margin-top:25px;
}



/*main left*/
.main-left
{
    float:left;
    width:205px;
    height:571px;
    
}
.sidebar
{
    float:left;
    width:206px;
    height:571px;
    background-color:white;
}
.iconkm {
    float:left;
    position: absolute;
    width: 24px;
    height: 24px;
    margin-left:-30px;
    border: 1px solid #3a4446;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
}
.iconkm
{

}
.icon
{
        background: url(/Content/images/icon.png) no-repeat 0 0;
        vertical-align: text-top;
        display: inline-block;
           float:left;
}


.iconkm .icon-sidebar {
    float:left;
    width: 26px;
    height: 26px;
    background-position: 0 -1821px;
}
ul.sidebar__list .khuyenmai:hover .icon-sidebar {
  background-position: 0 -1853px;  
}
ul.sidebar__list .khuyenmai:hover a {
  color:white; 
}
ul.sidebar__list .khuyenmai:hover .iconkm {
  border:none;
}
ul.sidebar__list .khuyenmai.active .icon-sidebar {
  background-position: 0 -1853px;  
}
ul.sidebar__list .khuyenmai.active .iconkm {
  border:none; 
}
ul.sidebar__list .khuyenmai.active a {
  color:white; 

}


.iconkm .icon-sk {
    float:left;
    width: 26px;
    height: 26px;
    background-position: 0 -1757px;
}
ul.sidebar__list .suckhoe:hover .icon-sk{
  background-position: 0 -1789px;
 
}
ul.sidebar__list .suckhoe:hover a {
  color:white;
}
ul.sidebar__list .suckhoe.active .icon-sk{
  background-position: 0 -1789px;
 
}
ul.sidebar__list .suckhoe.active a {
  color:white;
}
ul.sidebar__list .suckhoe:hover .iconkm {
  border:none;
}
ul.sidebar__list .suckhoe.active .iconkm {
  border:none; 
}

.iconkm .icon-tt {
    float:left;
    width: 26px;
    height: 26px;
    background-position: 0 -1693px;
}
ul.sidebar__list .thoitrang:hover .icon-tt {
  background-position: 0 -1725px;
}
ul.sidebar__list .thoitrang:hover a {
  color:white;
}
ul.sidebar__list .thoitrang.active .icon-tt {
  background-position: 0 -1725px;
}
ul.sidebar__list .thoitrang.active a {
  color:white;
}
ul.sidebar__list .thoitrang:hover .iconkm {
  border:none;
}
ul.sidebar__list .thoitrang.active .iconkm {
  border:none; 
}



.iconkm .icon-mvb {
    float:left;
    width: 26px;
    height: 26px;
    background-position: 0 -2141px;
}
ul.sidebar__list .mevabe:hover .icon-mvb {
  background-position: 0 -2173px;
}
ul.sidebar__list .mevabe:hover a {
  color:white;
}
ul.sidebar__list .mevabe.active .icon-mvb {
  background-position: 0 -2173px;
}
ul.sidebar__list .mevabe.active a {
  color:white;
}
ul.sidebar__list .mevabe:hover .iconkm {
  border:none;
}
ul.sidebar__list .mevabe.active .iconkm {
  border:none; 
}


.iconkm .icon-dh {
    float:left;
    width: 26px;
    height: 26px;
    background-position: 0 -2333px;
}
ul.sidebar__list .dongho:hover .icon-dh {
  background-position: 0 -2365px;
    
}
ul.sidebar__list .dongho:hover a {
  color:white;
}
ul.sidebar__list .dongho.active .icon-dh {
  background-position: 0 -2365px;
    
}
ul.sidebar__list .dongho.active a {
  color:white;
}
ul.sidebar__list .dongho:hover .iconkm {
  border:none;
}
ul.sidebar__list .dongho.active .iconkm {
  border:none; 
}

.iconkm .icon-bho {
    float:left;
    width: 26px;
    height: 26px;
    background-position: 0 -1501px;
}
ul.sidebar__list .bachhoa:hover .icon-bho {
  background-position: 0 -1533px;
}
ul.sidebar__list .bachhoa:hover a {
  color:white;
}
ul.sidebar__list .bachhoa.active .icon-bho {
  background-position: 0 -1533px;
}
ul.sidebar__list .bachhoa.active a {
  color:white;
}
ul.sidebar__list .bachhoa:hover .iconkm {
  border:none;
}
ul.sidebar__list .bachhoa.active .iconkm {
  border:none; 
}


.iconkm .icon-thth {
    float:left;
    width: 26px;
    height: 26px;
    background-position: 0 -2077px;
}
ul.sidebar__list .thethao:hover .icon-thth {
  background-position: 0 -2109px;
}
ul.sidebar__list .thethao:hover a {
  color:white;
}
ul.sidebar__list .thethao.active .icon-thth {
  background-position: 0 -2109px;
}
ul.sidebar__list .thethao.active a {
  color:white;
}
ul.sidebar__list .thethao:hover .iconkm {
  border:none;
}
ul.sidebar__list .thethao.active .iconkm {
  border:none; 
}

.iconkm .icon-dgd {
    float:left;
    width: 26px;
    height: 26px;
    background-position: 0 -1437px;
}
ul.sidebar__list .dogiadung:hover .icon-dgd{
  background-position: 0 -1469px;
    
}
ul.sidebar__list .dogiadung:hover a {
  color:white;
}
ul.sidebar__list .dogiadung.active .icon-dgd{
  background-position: 0 -1469px;
    
}
ul.sidebar__list .dogiadung.active a {
  color:white;
}
ul.sidebar__list .dogiadung:hover .iconkm {
  border:none;
}
ul.sidebar__list .dogiadung.active .iconkm {
  border:none; 
}

.iconkm .icon-nc {
    float:left;
    width: 26px;
    height: 26px;
    background-position: 0 -1885px;
}
ul.sidebar__list .nhacua:hover .icon-nc {
  background-position: 0 -1917px;
    
}
ul.sidebar__list .nhacua:hover a {
  color:white;
}
ul.sidebar__list .nhacua.active .icon-nc {
  background-position: 0 -1917px;
    
}
ul.sidebar__list .nhacua.active a {
  color:white;
}
ul.sidebar__list .nhacua:hover .iconkm {
  border:none;
}
ul.sidebar__list .nhacua.active .iconkm {
  border:none; 
}



.iconkm .icon-dt {
    float:left;
    width: 26px;
    height: 26px;
    background-position: 0 -2013px;
}
ul.sidebar__list .dienthoai:hover .icon-dt {
  background-position: 0 -2045px;
    
}
ul.sidebar__list .dienthoai:hover a {
  color:white;
}
ul.sidebar__list .dienthoai.active .icon-dt {
  background-position: 0 -2045px;
    
}
ul.sidebar__list .dienthoai.active a {
  color:white;
}
ul.sidebar__list .dienthoai:hover .iconkm {
  border:none;
}
ul.sidebar__list .dienthoai.active .iconkm {
  border:none; 
}


.iconkm .icon-mvt {
    float:left;
    width: 26px;
    height: 26px;
    background-position: 0 -1949px;
}
ul.sidebar__list .mayvitinh:hover .icon-mvt {
  background-position: 0 -1981px;
    
}
ul.sidebar__list .mayvitinh:hover a {
  color:white;
}
ul.sidebar__list .mayvitinh.active .icon-mvt {
  background-position: 0 -1981px;
    
}
ul.sidebar__list .mayvitinh.active a {
  color:white;
}
ul.sidebar__list .mayvitinh:hover .iconkm {
  border:none;
}
ul.sidebar__list .mayvitinh.active .iconkm {
  border:none; 
}


.iconkm .icon-tv {
    float:left;
    width: 26px;
    height: 26px;
    background-position: 0 -2269px;
}
ul.sidebar__list .tv:hover .icon-tv {
  background-position: 0 -2301px;
    
}
ul.sidebar__list .tv:hover a {
  color:white;
}
ul.sidebar__list .tv.active .icon-tv {
  background-position: 0 -2301px;
    
}
ul.sidebar__list .tv.active a {
  color:white;
}
ul.sidebar__list .tv:hover .iconkm {
  border:none;
}
ul.sidebar__list .tv.active .iconkm {
  border:none; 
}


.iconkm .icon-ma {
    float:left;
    width: 26px;
    height: 26px;
    background-position: 0 -1565px;
}
ul.sidebar__list .mayanh:hover .icon-ma {
  background-position: 0 -1597px;
    
}
ul.sidebar__list .mayanh:hover a {
  color:white;
}
ul.sidebar__list .mayanh.active .icon-ma {
  background-position: 0 -1597px;
    
}
ul.sidebar__list .mayanh.active a {
  color:white;
}
ul.sidebar__list .mayanh:hover .iconkm {
  border:none;
}
ul.sidebar__list .mayanh.active .iconkm {
  border:none; 
}

.iconkm .icon-oto {
    float:left;
    width: 26px;
    height: 26px;
    background-position: 0 -1629px;
}
ul.sidebar__list .oto:hover .icon-oto {
  background-position: 0 -1661px;
    
}
ul.sidebar__list .oto:hover a {
  color:white;
}
ul.sidebar__list .oto.active .icon-oto {
  background-position: 0 -1661px;
    
}
ul.sidebar__list .oto.active a {
  color:white;
}
ul.sidebar__list .oto:hover .iconkm {
  border:none;
}
ul.sidebar__list .oto.active .iconkm {
  border:none; 
}



.iconkm .icon
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -13px;
}
.iconkm a
{

    text-align:center;
    float:left;
}

.sidebar__list li
{
    list-style:none;
}
span
{
    font-size:11px;
    text-transform: uppercase;
}
.sidebarSecond__itemTitle a
{
    font-size:12px;
    font-weight: 400;
    text-transform: capitalize;
}
.icon a
{
    color:black;
}
.khuyenmai
{
    
}



/*----------------------*/
ul.sidebar__list {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	
	width: 100%;
}
ul.sidebar__list li {
	
	padding: 5px 25px 12px 30px;
    min-height: 35px;
    
    overflow: hidden;
    position: relative;
}

ul.sidebar__list .khuyenmai:hover {
	background: #df1f26 !important;
}
ul.sidebar__list li.khuyenmai.active {
	background: #df1f26;
}
ul.sidebar__list .suckhoe:hover {
	background: #5d3380;
}
ul.sidebar__list .suckhoe.active {
	background: #5d3380;
}
ul.sidebar__list .thoitrang:hover {
	background: #000;
}
ul.sidebar__list .thoitrang.active {
	background: #000;
}
ul.sidebar__list .mevabe:hover {
	background: #8e9579;
}
ul.sidebar__list .mevabe.active {
	background: #8e9579;
}
ul.sidebar__list .dongho:hover {
	background: #a44d4c;
}
ul.sidebar__list .dongho.active {
	background: #a44d4c;
}
ul.sidebar__list .thethao:hover {
	background:#0090c9 ;
}
ul.sidebar__list .thethao.active {
	background:#0090c9 ;
}
ul.sidebar__list .bachhoa:hover {
	background: #9bb342;
}
ul.sidebar__list .bachhoa.active {
	background: #9bb342;
}
ul.sidebar__list .nhacua:hover {
	background: #9bb342 ;
}
ul.sidebar__list .nhacua.active {
	background: #9bb342 ;
}
ul.sidebar__list .dogiadung:hover {
	background: #ca248e;
}
ul.sidebar__list .dogiadung.active {
	background: #ca248e;
}
ul.sidebar__list .dienthoai:hover {
	background: #ca248e;
}
ul.sidebar__list .dienthoai.active {
	background: #ca248e;
}
ul.sidebar__list .mayvitinh:hover {
	background: #a44d4c;
}
ul.sidebar__list .mayvitinh.active {
	background: #a44d4c;
}
ul.sidebar__list .tv:hover {
	background: #ca248e;
}
ul.sidebar__list .tv.active {
	background: #ca248e;
}
ul.sidebar__list .mayanh:hover {
	background: #ca248e;
}
ul.sidebar__list .mayanh.active {
	background: #ca248e;
}
ul.sidebar__list .oto:hover {
	background: #0090c9;
}
ul.sidebar__list .oto.active {
	background: #0090c9;
}



.sidebarSecond__wrapper {
	margin-left:1px;
	float: left;
	width: 790px;
    height:579px;
	background: #F2F2F2;
}
.sidebarSecond__content#tab1 {
	border-left:5px solid #df1f26 ;
    
    height:578px;
	
	
}
/*--------------------------------  */



/*main left end*/

/* sidebarSecond */
.sidebarSecond
{
    background-color:#F2F2F2;
    float:left;
    width:187px;
    height:571px;
    border-left:5px solid #df1f26;
}

.sidebarSecond__wrapper ul li
{
    margin-top:7px;
    list-style:none;
}
/*.sidebarSecond__content
{
    margin-top:10px;
    margin-left:-25px;
}*/
.sidebarSecond__list
{
    margin-left:-25px;
    float:left;
        padding-right: 10px;
}

/*floor__layout*/
.floor__layout
{
    
    float:left;
    width:601px;
    height:578px;
    background-color:white;
    border-bottom:1px solid #bbbab9;
    border-right:1px solid #bbbab9;
}
.floor__layout a:hover img{
	 opacity:0.6;
     filter:alpha(opacity=60);
}

.row1
{
    width:400px;
}
.column1 .column11 a img
{
    border-right:1px solid #bbbab9;
    width:198px;
    margin-top:10px;
    
}
.column1
{
     
    float:left;
}
.column2 a img
{
     border-top:1px solid #bbbab9;
    float:left;
}


/*floor__layout end*/









/*main right*/
.main-right
{
    float:left;
    width:202px;
    height:571px;
    background-color:yellow;
}
/*main right end*/



/*-----------------------------------------main end--------------------------------------------*/
